@font-face {
    font-family: 'fontBold';
    src: url('../font/weblysleekuisbBold.woff') format('woff');
}
@font-face {
    font-family: 'fontNormal';
    src: url('../font/weblysleekuislNormal.woff') format('woff');
}
@font-face {
    font-family: 'fontLight';
    src: url('../font/weblysleekuilLight.woff') format('woff');
}


/*#region SCROLLBAR*/

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(178, 230, 252, 0.80); 
    -webkit-box-shadow: inset 0 0 6px rgba(19, 164, 219, 0.50); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(19, 164, 219, 0.40); 
}
/*#endregion SCROLLBAR*/

/*#region HTML,BODY,COMMON_ELEMENTS*/

html{
          font-size:3.8mm;/*once this is changed this will change settings on various deices*/
          
          scrollbar-base-color: rgba(178, 230, 252, 0.80); 
          scrollbar-3dlight-color: rgba(178, 230, 252, 0.80); 
          scrollbar-highlight-color: rgba(178, 230, 252, 0.80); 
          scrollbar-track-color: #f8f8f8; 
          scrollbar-arrow-color: rgba(19, 164, 219, 0.50); 
          scrollbar-shadow-color: rgba(178, 230, 252, 0.80); 
          scrollbar-darkshadow-color: rgba(178, 230, 252, 0.80);
}

body, body * {
    font-size: 1rem;
    font-family: fontNormal;
    color:black;
    padding: 0;
    margin: 0;
}

input {
    border: 1px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}

input:focus{

    border-color:forestgreen !important;
}

label {
    border: 1px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}

select {
    border: 1px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}

.lblOther {
    border-style: none;
    border-color: lightgrey;
    margin: 0rem;
    padding: 0rem;
    font-size: 1.05rem;
}


/*button {
    background-color: rgba(19, 164, 219, 0.50)#dvpop
    border: 1px;
    border-style: solid;
    border-color: lightblue;
    border-radius: 2px 2px;
    height: 2.3rem;
    margin: 0;
    padding: 0.3rem;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    padding-left: 3rem;
    padding-right: 0.5rem;
    font-weight: 400;
    background-image: url('../img/btn/ok.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    background-position-x: 0.25rem;
    margin-left: 0.25rem; 
}
button {
    background-color: rgba(19, 164, 219, 0.50);
    border: 1px;
    border-style: solid;
    border-color: lightblue;
    border-radius: 2px 2px;
    height: 2.3rem;
    margin: 0;
    padding: 0.3rem;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 400;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position-x: 0.25rem;
    margin-left: 0.25rem;
}*/
/*#btnlogin {
    background-color: #115090 !important;
    border: none;
    border-radius: 15px;
    color: white;
    background-image: url('../img/btn/rarrow.png'); 
    font-weight:bolder;
    cursor:pointer;
    margin-top:1rem;
}*/
.btn_green {
    background-color: #218830 !important;
    border: none;
    border-radius: 15px;
    color: white;
    background-image: url('../img/btn/rarrow.png');
    font-weight: bolder;
    cursor: pointer;
    margin-top: 1rem;
    box-shadow:1px 1px 1px 2px #599f71;
}

.btn_drkBlue {
    background-color: #05468e !important;
    border: none;
    border-radius: 15px;
    color: white;
    font-weight: bolder;
    cursor: pointer;
    margin-top: 1rem;
    box-shadow: 1px 1px 1px 2px #d6e8fc;
}
#btn_refresh_list {
    color: #4169e1;
    background-color: #f7f7f7;
    border: 1px;
    border-style: solid;
    border-color: #4169e1;
    background-image: url('../img/btn/ok.png');
}
    #btn_refresh_list:hover {
        background-color: #840707;
        color: white;
        border-color: darkred;
    }
 
button:hover{
    background-color:#840707;
    color:white;
    border-color: darkred;
}

.buttonSmall {
    border-radius: 1px;
    height: 2rem;
    padding: 0.3rem;
    padding-left: 2rem;
    font-weight: 300;
    background-size: 1.5rem 1.5rem;    
}



table{
    /*border:0;*/
    /*border-collapse:collapse;*/
}

/*tr{
    margin-top:0.5rem;
    padding-bottom:2rem;
}*/

/*#endregion HTML,BODY*/

/*#region CUSTOM ELEMENTS*/
.imgButton {
    background-color: #e3edf2;
    width:2.5rem !important;
    height:2.5rem !important;
    background-position:center;
    background-repeat:no-repeat;
}
.imgButton:hover{
    background-color:#840707;
    color:white;
    border-color: darkred;
}

/*#endregion CUSTOM ELEMENTS*/


/*#region ROTATE DIV*/

.newhomeMainBtn {
    margin-right:1.2rem;
    /*z-index: 999;*/
    /*display: inline-block;*/
    font-size: 1.5rem;
    cursor: pointer;
    background-color: white;
    height: 6rem;
    width: 6rem;
    margin-top: 4rem;
    border: 1px solid #efefef;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    transition: background-color 1s, color 1s,height 0.5s,width 0.5s;
    transform: rotate(45deg);
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}
    .newhomeMainBtn img {
        transform: rotate(-45deg);
        height: 4rem;
        width: 4rem;
        margin-top: 1rem;
        margin-left: 1rem;

    }
    .newhomeMainBtn:hover { 
        height: 7rem; 
        width: 7rem; 
    }

.formHeader {
    font-weight: 900;
    font-size: 1.5rem;
    font-family: fontBold;
    /*border-bottom:1px solid white;*/
    color:white;
    padding-top:10px;
}
.formSubHeader {
    font-weight: 900;
    font-size: 1.1rem;
    font-family: fontBold;
    border-bottom: 1px solid #e0eaf1;
    color: #075da5;
}
.bolderText {
    font-weight: 900;
    font-size: 1rem;
    font-family: fontBold;
}

.popupHeader {
    color:red; 
    font-weight:600;
    font-size:1.2rem;
}.popupDetails {
    color:black; 
}


/*.clsVerifyChkBox {
    background-color: pink;
}*/


.clsVerifyChkBox {
    -webkit-appearance: initial;
    background: #046910;
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    position: relative;
}

    .clsVerifyChkBox:checked {
        background: red;
    }

        .clsVerifyChkBox:checked:after {
            background: red;
            /*content: "";*/
            color: #fff;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }



#dv_popUp {
    display: none;
    background-color: rgba(78, 62, 62, 0.49);
    z-index: 9999;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    top: 0rem;
    height: 100%;
    text-align: center;
}
#divWarningPanel {
    display: none;
    background-color: rgba(78, 62, 62, 0.49);
    z-index: 99999;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    top: 0rem;
    height: 100%;
    text-align: center;
}

#divAlert {
    border: 0.25rem solid #05468e;
    background-color:#ffffff;
    width: 100%; 
    height:100%;
    margin: 0px auto;
    text-align: center;
    position: relative;
    font-weight: bolder;
    font-size: 4rem; 
    padding-bottom:20px;
    overflow:auto;
}
#divWarning {
    border: 0.25rem solid #05468e;
    background-color: #f8f8f8;
    width: 25rem;
    height: auto;
    margin: 10rem auto;
    text-align: center;
    position: relative;
    font-weight: bolder;
    font-size: 4rem;
}
#divAlertMessage, #divWarningMessage {
    padding: 1rem;
}

#divAlertHeaderCaption, #divWarningHeaderCaption {
    color: white;
    font-weight: bolder;
    vertical-align: middle;
    display: inline-block;
    height: 1.5rem;
    width: auto;
    padding-top:3px;
    position:absolute;
    top:0px;
}
#divAlertHeader, #divWarningHeader {
    background-color: #167cda;
    width: 100%;
    height: 2rem;
    text-align: left;
    position: relative;
    font-weight: bolder;
}

#loadingPanel {
    display: none;
    background-color: rgba(255, 255, 255, 0.63);
    z-index: 99999;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    top: 0rem;
    height: 100%;
    text-align: center;
}

    #loadingPanel div {
        background-color: rgba(248, 244, 244, 0.00);
        width: 20rem;
        height: 20rem;
        margin: 10rem auto;
        text-align: center;
        position: relative;
        font-weight: bolder;
        font-size: 4rem;
    }
.dv_filters>input,select
{
    padding:10px !important;
    margin-top:7px;
}
.fleft > input, select {
    padding: 10px !important;
}

.pagination
{
    margin:0 auto;
    width:260px;
    text-align:center;
}
.pagination>div{
    display:inline-block;
    vertical-align:top;
    margin:0px 3px;
}
    .pagination > div > button {
        background-position: left;
        background-repeat: no-repeat;
        background-size: 1.2rem 1.2rem;
        background-position-x: 0.25rem;
        background-color: #fff;
        border: none; 
        height: 2.3rem;
        margin: 0;
        padding: 0.3rem; 
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-weight: 400;
        width:0.5rem;
        outline:none;
        cursor:pointer;
    }
        .pagination > div > button.next {
            background-image: url('../img/btn/next.png');
        }
        .pagination > div > button.prev {
            background-image: url('../img/btn/prev.png');
            background-position: right;
        }

#notifications{

}